<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>ISS Leave Application</title>
<link href="<c:url value="/resources/css/bootstrap.min.css"/>"
type="text/css" rel="stylesheet"  />
<link href="<c:url value="/resources/css/login.css"/>"
type="text/css" rel="stylesheet"  />
</head>
<body>
	<div align="center">
  	  <img src='<c:url value="resources/images/issLogo.jpg"/>'/>
	</div>
    <div align="center" >
        <h2 class="header"><b>ISS Leave Application</b></h2>
    </div>        
    <br/>
    <div class="container">
    <form method="POST" action="login" class="form-signin" role="form">
        <div class="form-group well" align="center">
        <h3><strong class="text-top">Login please</strong></h3>
            <table>
                <tr>
                    <td><input class="form-control" type="text" placeholder="User Name" name="username" id="username" required autofocus/></td>
                </tr>
                <tr>
                    <td><input  class="form-control" type="password" placeholder="Password" name="password" id="password" required autofocus/></td>
                </tr>
                <tr>
                    <td>
            <input type="submit" class="btn btn-lg btn-primary btn-block btn-md" value="Login"/>
                   <p id="error">Please enter a valid username/password.</p>
           </td>
                </tr>
            </table>
            
        </div>             
    </form>
    </div>
    
<script src="/resources/js/jquery-1.10.2.min.js"></script>
<script src="<c:url value="/resources/js/bootstrap.min.js"/>"></script>
</body>
</html>